import React, { FC } from 'react';
import { Row, Col, Card, Space } from 'antd';
import { useNavigate } from 'react-router';
import { PageContainer } from '@/component/page-container';
import style from './index.less';

const Groups: FC = () => {
  const navigate = useNavigate();
  const handleClick: any = (item: any) => {
    return () => {
      window.location.href = item;
    };
  };
  return (
    <PageContainer header={<>辽宁省沈阳市教育平台信息管理系统</>}>
      <Space>
        <Row>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/unit/kg')}>
              <div>
                幼儿园园所信息管理(市版)
                <span>开设园所·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/unit/k12')}>
              <div>
                中小学信息管理(市版)
                <span>开设学校·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/unit/vocational')}>
              <div>
                职高信息管理(市版)
                <span>开设学校·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/teacher/kg')}>
              <div>
                幼儿园园所职工管理(市版)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/teacher/k12')}>
              <div>
                中小学职工管理(市版)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/teacher/vocational')}>
              <div>
                职高职工管理(市版)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/student/kg')}>
              <div>
                幼儿园园所学生信息管理(市版)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/student/k12')}>
              <div>
                中小学学生信息管理(市版)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/city/210100/student/vocational')}>
              <div>
                职高学生信息管理(市版)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>


          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/unit/kg')}>
              <div>
                幼儿园园所信息管理(区版-和平区)
                <span>开设园所·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/unit/k12')}>
              <div>
                中小学信息管理(区版-和平区)
                <span>开设学校·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/unit/vocational')}>
              <div>
                职高信息管理(区版-和平区)
                <span>开设学校·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/teacher/kg')}>
              <div>
                幼儿园园所职工管理(区版-和平区)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/teacher/k12')}>
              <div>
                中小学职工管理(区版-和平区)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/teacher/vocational')}>
              <div>
                职高职工管理(区版-和平区)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/student/kg')}>
              <div>
                幼儿园园所学生信息管理(区版-和平区)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/student/k12')}>
              <div>
                中小学学生信息管理(区版-和平区)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/county/210102/student/vocational')}>
              <div>
                职高学生信息管理(区版-和平区)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/unit/kg')}>
              <div>
                幼儿园园所信息管理(学校版)
                <span>开设园所·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/unit/k12')}>
              <div>
                中小学信息管理(学校版)
                <span>开设学校·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/vocational')}>
              <div>
                职高信息管理(学校版)
                <span>开设学校·关闭园所·信息填报</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/teacher/kg')}>
              <div>
                幼儿园园所职工管理(学校版)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/teacher/k12')}>
              <div>
                中小学职工管理(学校版)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/teacher/vocational')}>
              <div>
                职高职工管理(学校版)
                <span>新教职工,调动·异动</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/student/kg')}>
              <div>
                幼儿园园所学生信息管理(学校版)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/student/k12')}>
              <div>
                中小学学生信息管理(学校版)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
          <Col span={8}>
            <Card className={style.homeMenuItem} onClick={handleClick('/school/1/student/vocational')}>
              <div>
                职高学生信息管理(学校版)
                <span>新生入学·在校生管理</span>
              </div>
            </Card>
          </Col>
        </Row>
      </Space>
    </PageContainer>
  );
};

export default Groups;
